<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<div>加法：{{3+3}}</div>
			<div>减法：{{3-3}}</div>
			<div>乘法：{{3*3}}</div>
			<div>除法：{{3/3}}</div>
			<div>取余：{{4%2}}</div>
			
			<hr />
			
			<div>自加：{{++age}}</div>
			<div>自减：{{age--}}</div>
			
			<hr />
			
			<div>三目：{{ age>18 ? '成年' : '未成年' }}</div>
			
			<hr />
			
			<div>字符串操作：</div>
			<div>拼串：{{ "123"+456 }}</div>
			<div>拼串：{{ "123".concat("456") }}</div>
			<div>长度：{{ msg.length }}</div>
			<div>截串：{{ msg.substring(6,10) }}</div>
		</div>
	</body>
	<script>
		new Vue({
			el: "#app",
			data:{
				msg : "hello vue",
				age : 16
			}
		})
	</script>
</html>